<template>
	<view class="uni-examalone">
		
		<view class="alone-subject">
			{{list.titleContent}}
		</view>
		<view class="lineMain">
			<view class="line"></view>
			<image :src="src_L" mode="widthFix" lazy-load class="lineIconLeft"/></image>
			<image :src="src_R" mode="widthFix" lazy-load class="lineIconRight"/></image>
		</view>
		<view class="alone-chooseItem">
			<exam-choose-item :list="list.lanternPaperAnswer" :chooseStatus="list.genre" @dochange="dochange" @isChoose="isChoose"></exam-choose-item>
		</view>
	</view>
</template>

<script>
	import examChooseItem from "./exam-choose-item.vue"
	export default {
		components:{
			examChooseItem
		},
		props: {
			list:{
				type:Object,
				default:{}
			},
			status:{
				type:Number,
				default:0 //0:为单选；1：为多选
			}
		},
		data() {
			return {
				timer: null,
				type: 0,
				src_L:'/static/separation_L.png',
				src_R:'/static/separation_R.png',
			}
		},
		watch: {
			
		},
		created: function(e) {
			
		},
		beforeDestroy() {
			
		},
		methods: {
			dochange(e){
				console.log(e)
			},
			isChoose(e){
				this.$emit('isChoose',e)
			}
		}
	}

</script>

<style lang="scss">
	.uni-examalone{
		
		.line{
			clear: both;
			height: 1upx;
			width: 100%;
			background: #efefef;
		}
		.alone-subject{
			padding: 0 20upx 40upx 20upx;
			font-weight: bold;
			font-size: 28upx;
		}
		.alone-chooseItem{
			padding: 20upx;
		}
		.lineMain{
			position: relative;
			height:20upx;
			.lineIconLeft{
				width:20upx;
				height:20upx;
				position: absolute;
				left: -10upx;
				top: -10upx;
			}
			.lineIconRight{
				width:20upx;
				height:20upx;
				position: absolute;
				right: -10upx;
				top: -10upx;
			}
		}
	}
</style>
